<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>专享二维码生成</title>
    <!-- 动态rem解决方案 -->
    <script>
        var width = document.documentElement.clientWidth;
        var scale = width / 375;
        var css = 'html{font-size:' +
            37.5 * scale +
            'px;}';
        document.write('<style>' + css + '</style>');
    </script>
        <script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.js"></script>
</head>

<body>
    <div id="app" v-cloak>
        <div class="mask"></div>
        <div class="mask_delete" v-on:click="GoBack">
            <img src="../../../img/activity/qrcode/mask_delete.png" alt="">
        </div>
        <!-- 展开二维码 -->
        <div class="share_way_word">
            <img src="../../../img/activity/qrcode/share_way.png" alt="">
        </div>
        <div class="container">
            <div class="share-container">
                <header>
                    <img :src="BannerImg" alt="">
                </header>
                <div class="content">
                    <div class="push_code">
                        <h1 class="push_code_title">{{ActTitle}}</h1>
                        <p class="user_msg">
                            <span>{{UserName}}</span>邀请您参加</p>
                        <div class="push_code_position">
                            <div class="img_position" id="code_img">

                            </div>
                        </div>
                        <p class="save_act">长按识别或扫描以上二维码
                            <br/>即可查看,报名活动</p>
                        <p class="safe_word">
                            <span class="icon_true">
                                <img src="../../../img/activity/qrcode/icon_true.png">
                            </span>
                            <span>&nbsp;此二维码安全,您可以放心扫描</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>